<script>
export default {
  name: 'App'
}
</script>

<template>
  <div id="app">
    <CommonHeader v-if="showHeader" />
    <router-view class="main-content"/>
  </div>
</template>

<script>
import CommonHeader from '@/components/CommonHeader.vue'

export default {
  components: {
    CommonHeader
  },
  computed: {
    showHeader() {
      return this.$route.path !== '/login' && this.$route.path!== '/register'
    }
  }
}
</script>

<style>
#app {
  min-height: 100vh;
  background: #ffffff;
  transition: background 0.3s;
}

.dark-mode #app {
  background: #717175;
}

.main-content {
  padding: 20px;
}
</style>
